<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<input type="text" name="user">
</body>
<script>
  let hd = '14j34j2b4b12b'
  //   /\d/.test(hd) 匹配一个数字 有就为真 true
  //   /^\d/.test(hd)  数字开始  true
  //   /\d$/.test(hd)  数字结束  false
  document.querySelector("[name='user']").addEventListener('keyup',function () {
    //字母a-z,有3-6个返回前3-6个 可以输入很长的字符
    //abbbbbbbb 返回 ['abbbbb', index: 0, input: 'abbbbbbbb', groups: undefined]
    //console.log(this.value.match(/[a-z]{3,6}/))
    //限定3-6个 超出或者低于返回null
    console.log(this.value.match(/^[a-z]{3,6}$/))

  })
</script>
</html>